<template>
  <div class="login-header">
    <div class="login-header-content">
      <div class="login-logo">
        <img src="../../assets/images/boss_logo.jpg" />
      </div>
      <div class="login-title">仓库登录</div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.login-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;

  .login-header-content {
    width: 1080px;
    height: 90px;
    display: flex;
    align-items: center;
  }

  .login-title {
    color: var(--color-primary-text);
  }
}

.login-header {
  .login-logo {
    border-right: 1px solid var(--input-border-color);
    padding-right: 15px;
    margin-right: 15px;

    img {
      width: 100px;
      height: 50px;
    }
  }

  .login-title {
    font-size: 24px;
    font-weight: 600;
  }
}
</style>
